<template>
  <div id="app">
    <!-- 路由出口 -->
    <!-- 功能优化 解决从文章详情中返回时，主页要重新加载 -->
    <!--
      keep-alive: 是 vue内置的组件。它的功能是对 包它在里面的组件 进行缓存
        缓存： 在切换路由时，对应的组件不销毁重建，而且把组件的数据存起来，以便后面再恢复
      如果有路由有有iskeepAlive，就会被缓存
      否则，就没有缓存
    -->
    <keep-alive>
      <router-view v-if="$route.meta.isKeepAlive"/>
    </keep-alive>
    <router-view v-if="!$route.meta.isKeepAlive"/>
  </div>
</template>
<script>
</script>
<style lang="less" scoped>

</style>
